<template>
  <div class="app-container">
    <!--    <el-row style="background-color: #161522"><h3 style="color: #ffffff">》》》》》<span
          style="color: rgb(29,108,196); font-size: larger">权限管理</span>《《《《《</h3></el-row>-->
    <biaoti :title-top="title"/>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="调入" name="first">
        <Qiugou></Qiugou>
      </el-tab-pane>
      <el-tab-pane label="调出" name="second">
      <Chushou></Chushou>
      </el-tab-pane>
    </el-tabs>
  </div>


</template>

<script>

import Qiugou from "@/views/dgw/bazaar/Qiugou";
import Chushou from "@/views/dgw/bazaar/Chushou";


export default {
  name: "Supply",
  components: {
    Qiugou,
    Chushou
  },
  data() {
    return {
      title: '供需中心',
      activeName: 'first'
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
}
</script>

<style lang="less" scoped>
.el-tabs__item {
  color: white !important;
}


.table > :not(caption) > * > * {
  padding: 0px !important;
}

.table {
  width: 100%;
  height: 100%;
  background-color: #161522;

}

/*更改表格颜色*/
.double {
  background: #87868c !important;
}

.single {
  background: #ffffff !important;
}

/*取消悬浮*/
/*/deep/ .el-table {
  pointer-events: none !important;
}*/


</style>
